57 lines
1.8 KiB
TypeScript
57 lines
1.8 KiB
TypeScript
import { internal } from "@app/lib/api";
|
|
import { AxiosResponse } from "axios";
|
|
import { authCookieHeader } from "@app/lib/api/cookies";
|
|
import SettingsSectionTitle from "@app/components/SettingsSectionTitle";
|
|
import { GetClientResponse } from "@server/routers/client";
|
|
import ClientInfoCard from "../../../../../components/ClientInfoCard";
|
|
import ClientProvider from "@app/providers/ClientProvider";
|
|
import { redirect } from "next/navigation";
|
|
import { HorizontalTabs } from "@app/components/HorizontalTabs";
|
|
|
|
type SettingsLayoutProps = {
|
|
children: React.ReactNode;
|
|
params: Promise<{ clientId: number | string; orgId: string }>;
|
|
}
|
|
|
|
export default async function SettingsLayout(props: SettingsLayoutProps) {
|
|
const params = await props.params;
|
|
|
|
const { children } = props;
|
|
|
|
let client = null;
|
|
try {
|
|
const res = await internal.get<AxiosResponse<GetClientResponse>>(
|
|
`/client/${params.clientId}`,
|
|
await authCookieHeader()
|
|
);
|
|
client = res.data.data;
|
|
} catch (error) {
|
|
console.error("Error fetching client data:", error);
|
|
redirect(`/${params.orgId}/settings/clients`);
|
|
}
|
|
|
|
const navItems = [
|
|
{
|
|
title: "General",
|
|
href: `/{orgId}/settings/clients/{clientId}/general`
|
|
}
|
|
];
|
|
|
|
return (
|
|
<>
|
|
<SettingsSectionTitle
|
|
title={`${client?.name} Settings`}
|
|
description="Configure the settings on your site"
|
|
/>
|
|
|
|
<ClientProvider client={client}>
|
|
<div className="space-y-6">
|
|
<ClientInfoCard />
|
|
<HorizontalTabs items={navItems}>
|
|
{children}
|
|
</HorizontalTabs>
|
|
</div>
|
|
</ClientProvider>
|
|
</>
|
|
);
|
|
}
|